<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    //一.json数据
    // 1.概念：
    // JSON 是一种轻量级的数据交换格式。称之为json对象(最终转换成对象进行处理)。
    // 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。

    // 2.特点：
    // json:是一种轻量级的数据交换格式，不是js独有的。
    // json组成： 简单值 + '对象' + '数组'
    // json里面字符串需要添加双引号。
    // json没有var关键字, 没有分号(;) 等js相关的语法。

    //3.JSON的静态方法：非常重要
    // JSON.parse()： 将json格式的字符串转换成数组对象或者自定义对象格式， 具有json检测功能。
    // eval():eval不安全，里面的代码有可能会执行。eval的性能不及JSON.parse,eval解析两次。使用较少。



    // var data = '{"names": ["zhangsan", "lisi"],"title": "这里是标题","price": 200,"url": "https://img.alicdn.com/bao/uploaded/i2/30402319/O1CN011Rl7oM1T093vmCPUu_!!0-item_pic.jpg_200x200q90.jpg_.webp"}';

    // var names = '["zhangsan", "lisi","wangwu",'zhaoliu"]';
    // console.log(JSON.parse(names));
    // console.log(eval('(' + names + ')'));
    // var namearr = JSON.parse(names);
    // var str = '';
    // namearr.forEach(function(value) {
    //     str += '<li>' + value + '</li>';
    // });

    // document.body.innerHTML = str;

    // var str = "['zhangsan','lisi','wangwu']"; //不是json格式，json里面字符串需要添加双引号
    // console.log(JSON.parse(str));
    // console.log(eval('(' + str + ')'));//["zhangsan", "lisi", "wangwu"]



    //JSON.stringify()： 将对象转换成json格式的字符串。
    //对象的值都是统一的[object Object]
    // var obj = {
    //     a: 1,
    //     b: 2,
    //     c: 3
    // };

    // var obj1 = {
    //     d: 1,
    //     e: 2,
    //     f: 3
    // };

    // console.log(obj); //输出对象的格式
    // alert(obj); //输出对象的值 [object Object]
    // alert(obj1); //输出对象的值 [object Object]
    // console.log(JSON.stringify(obj)); //{"a":1,"b":2,"c":3}  JSON格式的字符串
    // console.log(JSON.parse(JSON.stringify(obj))); //{a: 1, b: 2, c: 3}


    //注意：对象如果进行传输或者存储，一定将对象转换成字符串格式，进行存储，数组可以忽略 - 重要

    // var arr = ['zhangsan', 'lisi'];
    // alert(arr);
    // var arr1 = ['wangwu', 'lisi'];
    // alert(arr1);
</script>